@import "lessBase";
/*字体大小*/
.t2{text-indent: 2em;}
.f12{
  font-size: 12px;
}
.f14{
  font-size: 14px;
}
.f16{
  font-size: 16px;
}
.f18{
  font-size: 18px;
}
.f20{
  font-size: 20px;
}
.f30{
  font-size: 30px;
}
.fb{
  font-weight: bold;
}
/*字体大小 end*/
.fc-red{
  color:#f2060c;
}
.fc9{
  color:#999 !important;
}
/*边距 边框*/
.m10 {
  margin: 10px !important;
}
.m15 {
  margin: 15px !important;
}
.m20 {
  margin: 20px !important;
}
.m30 {
  margin: 30px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt35 {
  margin-top: 35px !important;
}
.ml5 {
  margin-left: 5px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.p5 {
  padding: 5px !important;
}
.p10 {
  padding: 10px !important;
}
.p15 {
  padding: 15px !important;
}
.p20 {
  padding: 20px !important;
}
.pt5 {
  padding-top: 5px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pl5 {
  padding-left: 5px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pl15 {
  padding-left: 15px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.pl30 {
  padding-left: 30px !important;
}
.pr5 {
  padding-right: 5px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pr15 {
  padding-right: 15px !important;
}
.pr20 {
  padding-right: 20px !important;
}
.pr30 {
  padding-right: 30px !important;
}
.pb5 {
  padding-bottom: 5px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.plr5 {
  padding: 0 5px !important;
}
.plr10 {
  padding: 0 10px !important;
}
.plr15 {
  padding: 0 15px !important;
}
.plr20 {
  padding: 0 20px !important;
}
.plr30 {
  padding: 0 30px !important;
}
.ptb5 {
  padding: 5px 0 !important;
}
.ptb10 {
  padding: 10px 0 !important;
}
.ptb15 {
  padding: 15px 0 !important;
}
.ptb20 {
  padding: 20px 0 !important;
}
.ptb30 {
  padding: 30px 0 !important;
}
.mlr5 {
  margin: 0 5px !important;
}
.mlr10 {
  margin: 0 10px !important;
}
.mlr15 {
  margin: 0 15px !important;
}
.mlr20 {
  margin: 0 20px !important;
}
.mlr30 {
  margin: 0 30px !important;
}
.mtb5 {
  margin: 5px 0 !important;
}
.mtb10 {
  margin: 10px 0 !important;
}
.mtb15 {
  margin: 15px 0 !important;
}
.mtb20 {
  margin: 20px 0 !important;
}
.mtb30 {
  margin: 30px 0 !important;
}
/*边距 边框 end*/
/*ui*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  text-indent: -9999em;
  overflow: hidden;
}
.ui-icon-total{
  background: url("../img/icon.png") no-repeat;
}
.icon-chevron-down{
  background: url("../img/icon_downward.gif") no-repeat;
  width: 29px;
  height: 19px;
  display: inline-block;
  vertical-align: middle;
  text-indent: -9999em;
  overflow: hidden;
  position: absolute;
  top:3px;
}
.icon-chevron-down-blue {
  background: url("../img/icon_downward_op.gif") no-repeat;
  width: 29px;
  height: 19px;
  display: inline-block;
  vertical-align: middle;
  text-indent: -9999em;
  overflow: hidden;
}
.icon-downward-blue2{
  background: url("../img/icon_downward_blue2.png") no-repeat;
  width: 14px;
  height: 8px;
}
.icon-need{
  margin-left: 6px;
}
.ui-radio{
  width: 20px;
  height: 20px;
  display: inline-block;
  background-color: #999;
  vertical-align:middle;
  margin-right: 10px;
  cursor: pointer;
  &.selected{
    background:url("../img/icon_checked.png") center no-repeat;
  }
  input{
    display: none;
  }
}
.ui-icon-user{
  background:url("../img/user_icon.png") center no-repeat;
}
.ui-icon-user-setting{
  width: 19px;
  height: 19px;
  background-position: 0 0;
}
.ui-icon-user-mes{
  width: 18px;
  height: 15px;
  background-position: 0 -19px;
}
.ui-icon-user-circular{
  width: 13px;
  height: 13px;
  background-position: 0 -56px;
}
.ui-icon-user-shopping{
  width: 18px;
  height: 19px;
  background-position: 0 -34px;
}
.ui-icon-user-megaphone{
  width: 29px;
  height: 24px;
  background-position: -25px 0;
}
.ui-icon-user-heart{
  width: 29px;
  height: 25px;
  background-position: -25px -28px;
}
.ui-icon-user-star{
  width: 29px;
  height: 29px;
  background-position: -25px -55px;
}
/*ui end*/
/******按钮*****/
.ui-btn,
a.ui-btn{
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: none;
  outline: none;
  padding: 0;
  text-decoration: none;
  .radius(3px);
  &:hover{
    opacity: .8;
  }
}
.ui-btn-blue,a.ui-btn-blue{
  .bg(#3facfe);
  .box-shadow(0 2px 0 0 #328aca);
  .cr(#FFF);
}
.ui-btn-disabled,a.ui-btn-disabled{
  .bg(#9e9e9e);
  .box-shadow(0 2px 0 0 #7e7e7e);
  .cr(#FFF);
}
a.ui-btn-red,.ui-btn-red{
  .bg(#f2060c);
  .cr(#FFF);
  .box-shadow(0px 2px 0px 0px #d9050b);
}
.ui-btn-lg,a.ui-btn-lg{
  .fz(1.8em);
  padding:10px 130px;
}
.ui-btn-mi,a.ui-btn-mi{
  padding: 10px 16px;
  .fz(1.4em);
}
.ui-btn-default,a.ui-btn-default{
  padding: 10px 50px;
  .fz(1.4em);
}
/******按钮*****/
.ui-btn,
a.ui-btn{
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: none;
  outline: none;
  padding: 0;
  text-decoration: none;
  .radius(3px);
  &:hover{
    opacity: .8;
  }
}
.ui-btn-blue,a.ui-btn-blue{
  .bg(#3facfe);
  .box-shadow(0 2px 0 0 #328aca);
  .cr(#FFF);
}
.ui-btn-disabled,a.ui-btn-disabled{
  .bg(#9e9e9e);
  .box-shadow(0 2px 0 0 #7e7e7e);
  .cr(#FFF);
}
a.ui-btn-red,.ui-btn-red{
  .bg(#f2060c);
  .cr(#FFF);
  .box-shadow(0px 2px 0px 0px #d9050b);
}
.ui-btn-lg,a.ui-btn-lg{
  .fz(1.8em);
  padding:10px 130px;
}
.ui-btn-mi,a.ui-btn-mi{
  padding: 10px 16px;
  .fz(1.4em);
}
.ui-btn-default,a.ui-btn-default{
  padding: 10px 50px;
  .fz(1.4em);
}
/******按钮 e*****/
body{
  background-color: #F1F1F1;
}
.main-container{
  margin-bottom: 30px;
}
/*头部*/
.top-header{
  padding: 26px 0;
  .bg(#FFF);
}
.top-header-blue{
  background-color: #ffffff;
  padding-top: 26px;
}
/*头像*/
.user-img{
  position: relative;
  width: 67px;
  height: 58px;
  float: right;
  img{
    width: 65px;
    height: 57px;
  }
}
.user-name{
  margin-top:21px;
}
.user-img-bg{
  position: absolute;
  width: 66px;
  height: 57px;
  background: url("../img/img_bg.png") center no-repeat;
}
/*导航*/
.wrap-nav{
  a{
    text-decoration: none;
    position: relative;
    display: inline-block;
    .fz(1.8em);
    &:hover{
      opacity: .8;
      filter: alpha(opacity=80);
    }
  }
  li{
    float: left;
    padding: 0 25px;
    &:last-child{
      padding: 0;
    }
  }
  .dropdown-menu{
    a{
      padding: 0;
    }
  }
}
#nav-list{
  padding-left: 70px;
  margin-top: 25px;
  .dropdown-menu{
    .bg(#FFF);
    li{
      padding:0 25px;
    }
    a{
      line-height: 34px;
      .fz(16px);
      &:hover{
        .bg(#FFF);
      }
    }
  }
}
#phone-nav-list{
  li{
    text-align: center;
  }
  .glyphicon{
    color: #DDD;
  }
}
#nav-list-blue
{
  li{float: left;font-size:1.8em;padding:0 25px;line-height: 55px;}
  a{color: #FFF;text-decoration: none;}
  li:hover{background-color: #00426d;}
  .dropdown-menu{
    .bg(#005389);
    a{
      .fz(16px);
      &:hover{
        .bg(#00426d);
      }
    }
  }
}
.nav-blue{
  background: #005389;
}
.logo-text{
  padding-top: 10px;
  .ml(10px);
  p{
    .fz(1.4em);
  }

}
/*头部 end*/
/*****index*********/
.content{
  .bg(#FFF);
  padding: 30px 35px 45px 35px;
}
#list {
  .cr(#000);
  .fw;
  .title{
    font-size: 1.4em;
    .cr(#000);
    .fw;
  }
  li{
    margin-bottom: 20px;
    img{
      max-height: 162px;
    }
  }
}
.index-data .money{font-size:3em;overflow: hidden;padding: 20px 0 20px 0;}
.index-data .t{font-size:1.4em;text-align: center}
.wrap-item{
  padding: 15px;
  border:1px solid #EEE;
}
.index-menu-nav{
  li{
    float: left;
    cursor: pointer;
    margin-right: 30px;
    &:last-child{
      margin-right: 0;
    }
  }
  .btn-all{
    width: 42px;
    height: 42px;
    display: inline-block;
    .radius(50%);
    .bg(#eaeaea);
    .cr(#CCC);
    text-align: center;
    line-height: 42px;
    cursor: pointer;
    &:hover{
      opacity: .8;
    }
  }
}
.btn-index{
  width:235px;
  height: 50px;
  line-height: 50px;
  .fz(24px);
}
.icon-menu{
  width: 75px;
  height: 42px;
  background: url("../img/icon_side_nav.png") center no-repeat;
}
.icon-menu-tec{
  background-position: 0 -42px;
  &.current,&:hover{
    background-position: 0 0;
  }
}
.icon-menu-agriculture{
  background-position: -110px -42px;
  &.current,&:hover{
    background-position: -110px 0;
  }
}
.icon-menu-animation{
  background-position: -219px -42px;
  &.current,&:hover{
    background-position: -219px 0;
  }
}
.icon-menu-design{
  background-position: -328px -42px;
  &.current,&:hover{
    background-position: -328px 0;
  }
}
.icon-menu-commonweal{
  background-position: -438px -42px;
  &.current,&:hover{
    background-position: -438px 0;
  }
}
.icon-menu-film{
  background-position: -547px -42px;
  &.current,&:hover{
    background-position: -547px 0;
  }
}
.icon-menu-music{
  background-position: -655px -42px;
  &.current,&:hover{
    background-position: -655px 0;
  }
}
.icon-menu-books{
  background-position: -765px -42px;
  &.current,&:hover{
    background-position: -765px 0;
  }
}
/*****index end*********/
/*********footer********/
.wrap-footer{
  .bg(#999999);
}
.footer{
  position:relative;
  .cr(#FFF);
  padding: 30px 0 0 0;
}
.back-top{position:absolute;right: 0;top:40px;cursor: pointer}
.menu-nav{
  margin: 25px 0 50px 0;
  .cr(#FFF);
  a{
    .cr(#FFF);
    .fz(1.4em);
    display: inline-block;
  }
}
.menu-nav-split{
  display: inline-block;
  width:1px;
  height: 15px;
  background-color:#FFF;
  margin: 0 50px;
  vertical-align: text-bottom;
}
.info{
  >span{
    margin-right: 10px;
    &:last-child{
      margin-right: 0;
    }
  }
}
/*********footer end********/
/****消息中心*****/
#message{
  padding: 30px 15px;
  .title{
    .fz(1.6em);
    display: inline-block;
    .fw;
  }
}
#discuss-list{
  li{
    border-bottom: 1px solid #DDD;
    padding: 15px 0 55px 0;
    position: relative;
  }
  .item-user-img{
    position: absolute;
    top:5px;
    img{
      width: 53px;
      height: 53px;
    }
  }
  .item-user-img-bg{
    position: absolute;
    width: 53px;
    height: 53px;
    background: url("../img/img_bg_circle.png") center no-repeat;
  }
  .item-content{
    padding-left: 63px;
    h1{
      color:#999;
      .fz(1.4em);
      margin-bottom: 10px;
    }
    p{
      .fz(1.6em);
    }
  }
  .discuss-count{
    a{
      position: absolute;
      bottom:5px;
      right:0;
      .cr(#f84c8d);
    }

  }
}
.tabs-btn{
  width: 99%;
  display: inline-block;
  .bg(#cccccc);
  text-align: center;
  .fz(1.8em);
  text-decoration: none !important;
  .cr(#FFF);
  padding: 17px 0;
  &.last{
    width: 100%;
  }

  &.active,&:hover{
    .bg(#40acfd);
    .cr(#FFF);
    .count{
      display: inline-block;
      .bg(#ff0000);
      .cr(#FFF);
      .radius(5px);
      padding:0 5px;
      .fz(0.9em);
      margin-left: 5px;
    }
  }
  .count{
    display: inline-block;
    .bg(#FFF);
    .cr(#CCC);
    .radius(5px);
    padding:0 5px;
    .fz(0.9em);
    margin-left: 5px;
  }
}
.wrap-textarea{
  padding:5px 10px;
  .bg(#f5fbff);
  margin-left: 5px;
  border: 1px solid #DDD;
  textarea{
    width: 100%;
    resize: none;
    .bg(#f5fbff);
    .cr(#999999);
    .fz(1.4em);
    border: 0;
    outline: none;
    padding: 0;
  }
}
#message-textarea{
  width: 100%;
  resize: none;
  .bg(#f5fbff);
  .cr(#999999);
  height: 260px;
  .fz(1.4em);
  border: 0;
  outline: none;
}
/****消息中心 e****/
/****个人设置****/
.user-setting{
  .top-title{
    position: relative;
  }
}
.user-left-nav{
  li{
    .bg(#f3f3f3);
    text-align: center;
    margin-bottom: 2px;
    width: 91%;
    &.active,&:hover{
      .bg(#3facfe);
      a{
        color:#fff;
      }
    }
  }
  a{
    display: inline-block;
    width: 100%;
    line-height: 64px;
    color:#000;
    .fw;
    .fz(1.8em);
    text-decoration: none;
  }
}
a.btn-user-back{
  position: absolute;
  right: 0;
  top:-11px;
  padding: 10px 20px !important;
}
.setting-content{
  .bg(#f3f3f3);
  padding: 40px 0 0 0;
}
.icon-downward-position{
  position: absolute;
  right: 15px;
  top:12px;
}
.dropdown-pri{
  width: 248px;
  text-align: center;
}
.setting-sum{
  width: 100%;
  resize: none;
  .bg(#f5fbff);
  .cr(#999999);
  height: 125px;
  .fz(1.4em);
  border: 0;
  outline: none;
  padding: 0;
}
.ui-btn-group{
  .bg(#FFF);
  padding-top: 30px;
  text-align: center;
}
/****个人设置 e****/
/*******用户中心 s********/
.wrap-user-info{
  margin-bottom: 60px;
}
.user-photo{
  width: 148px;
  height: 148px;
  .radius(50%);
}
a.ui-btn-user{
  line-height: 31px;
  width: 110px;
}
.real-name{
  .fz(1.8em);
  .fw;
  margin-right: 28px;
  vertical-align: text-top;
  .cr(#000);
}
.user-info{
  margin-left: 40px;
  p{
    .cr(#999);
    .fz(1.4em);
  }
}
.tabs-btn-user{
  width: 99%;
  display: inline-block;
  .bg(#cccccc);
  text-align: center;
  .fz(1.8em);
  text-decoration: none !important;
  .cr(#FFF);
  line-height: 55px;
  height: 55px;
  &.last{
    width: 100%;
  }

  &.active,&:hover{
    .bg(#40acfd);
    .cr(#FFF);
    .count{
      display: inline-block;
      .bg(#FFF);
      .cr(#40acfd);
      .radius(5px);
      padding:0 5px;
      .fz(0.9em);
      margin-left: 5px;
    }
  }
  span{
    vertical-align: middle;
  }
  .count{
    line-height: 23px;
    display: inline-block;
    .bg(#FFF);
    .cr(#CCC);
    .radius(5px);
    padding:0 5px;
    .fz(0.9em);
    margin-left: 5px;
  }
}
.wrap-option{
  margin: 25px 0 0 0;
  a{
    display: inline-block;
    width: 60px;
    line-height: 25px;
    background-color: #CCC;
    text-align: center;
    .radius(5px);
    .cr(#FFF);
    text-decoration: none;
    margin-right: 5px;
    &.current,&:hover{
      .bg(#999);
    }
  }
}
.pro-list{
  padding: 35px 0 0;
  border:1px solid #f1f1f1;
  margin: 35px 0;
  th{
    border-bottom: 1px solid #CCC !important;
    text-align: center;
    .cr(#666);
    .fz(1.4em);
    padding: 0 0 15px 0 !important;
    &.name{
      text-align: left;
      padding: 0 0 15px 35px !important;
    }
  }
  td{
    text-align: center;
    vertical-align: middle !important;
    border-top: 1px solid #f1f1f1 !important;
    .cr(#999);
    .fz(1.2em);
    .title{
      .fz(1.4em);
      .cr(#000);
    }
    &.first{
      text-align: left;
      padding: 30px 0 35px 35px;
      max-width: 310px;
    }
    &.money{
      .cr(#f20006);
    }
  }
}
/**环形图**/
.wrap-pie-apr,.wrap-pie-day{
  width: 85px;
  height: 85px;
}
/**环形图 e**/
/*******用户中心 e********/
/***回报设置 s****/
.step-item{
  text-align: center;
  .bg(#fafafa);
  border: 1px solid #d5d5d5;
  .radius(3px);
  .fz(1.4em);
  .cr(#999);
}
.step{
  position: relative;
  line-height: 47px;
  .fw;
  &.current{
    .cr(#ef0a0d);
    .bg(#eee);
    .ui-icon-rightarrow{
      background-position:0 -88px ;
    }
  }
}
.ui-icon-rightarrow{
  width: 28px;
  height: 50px;
  position: absolute;
  right: -28px;
  z-index: 999;
}
.sidebar-main{
  .bg(#fbf8f1);
  .radius(0 0 10px 10px);
  .box-shadow(0px 1px 0px 1px #DDD);
  padding: 0 20px 20px 20px;
}

.left-main,.wrap-add-gain{
  .bg(#FFF);
  padding: 30px 30px 40px 30px;
}
.gain-main-title{
    border-bottom: 1px solid #CCC;
    padding-bottom: 30px;
    .mb(30px);
}
.gain-table{
  th{
    white-space:nowrap;
    .bg(#f5fbff);
    .fz(1.4em);
    text-align: center;
  }
  td{
    .cr(#666);
    .fz(1.4em);
  }
}
.ui-icon-del{
  width: 17px;
  height: 17px;
  background-position: 0 -51px;
}
.ui-icon-edit{
  width: 17px;
  height: 17px;
  background-position: 0 -68px;
}
.btn-gain-red{
  padding: 5px 10px;
}
.btn-gain{
  padding: 8px 35px;
  .fz(1.4em);
}
.wrap-step{
  .mt(70px);
  text-align: center;
}
.right-sidebar{
  margin-left: 12px;
}
.sidebar-top-bg{
  background: url("../img/right_sidebar_bg.png") center no-repeat;
  width: 365px;
  height: 85px;
  h1{
    padding-right: 5px;
    text-align: center;
    .cr(#593442);
    .fz(1.8em);
    line-height: 48px;
    .fw;
  }
}
.wrap-add-gain{
  position: relative;
  display: none;
}
.btn-close{
  position: absolute;
  right: 10px;
  top:10px;
  width: 40px;
  height: 40px;
  text-align: center;
  .fz(1.8em);
}
.gain-form{
  .bg(#f3f3f3);
  padding: 40px 0 0;
}
.gain-add-img{
  cursor: pointer;
}
.dropdown-pri-step{
  width: 268px;
  text-align: center;
}
.wrap-code{
  position: relative;
}
.code-img{
  width: 60px;
  height: 30px;
}
a.change-img{
  text-align: center;
  .cr(#3facfe);
  position: absolute;
  bottom:-19px;
}
.btn-up{
  width: 135px;
  line-height: 30px;
  .fz(1.4em);
}
.btn-create-red{
  line-height: 54px;
  .fz(1.8em);
  padding:0 55px;
}
a.btn-create-red-next{
  .fz(1.8em);
  padding: 5px 25px 3px 75px;
  .text{
    vertical-align: middle;
  }
  .sign-btn{
    vertical-align: middle;
    margin-left: 60px;
    .fz(30px);
  }
}
.textarea-f{
  .bg(#FFF);
  textarea{
    .bg(#FFF);
  }
}
#setp-textarea1{
  height: 96px;
}
#setp-textarea1{
  height: 115px;
}
.btn-type{
  .radius(20px);
  .cr(#000);
  .fz(1.4em);
  width: 85px;
  line-height: 36px;
  border: 0;
  outline: none;
  margin-bottom: 10px;
  cursor: pointer;
  text-align: center;
  .bg(#DDDDDD);
  &:hover,&.current{
    .bg(#3facfe);
    .cr(#FFF);
  }
  input{
    display: none;
  }
}
.type-lable{
  line-height: 40px !important;
}
.type-list{
  margin-bottom: 0 !important;
}
/***回报设置 e****/
/**发或情况***/
#goods-content{
  padding: 45px 85px;
}
.goods-list{
  margin-top: 10px;
  td{
    .fz(1.4em);
    .title{.fz(16px);}
  }
}
.goods-title{
  .fz(1.8em);
  .cr(#000);
  .fw;
  line-height: 40px;
}
.goods-btn{
  .fz(1.4em);
  .bg(#dbe1e8);
  .cr(#005389);
  .radius(20px);
  width: 100px;
  line-height: 40px;
}
/****支付流程*****/
.pay-item{
  padding: 35px;
  position: relative;
}
.main-title{
  .fw;
  .fz(1.8em);
  .cr(#000);
  border-bottom: 1px solid #DDD;
  line-height: 45px;
  margin-bottom: 20px;
}
.order-info{
  .fz(1.4em);
  h1{
    margin-bottom: 40px;
  }
}
.box-textarea{
  padding: 10px;
  .bg(#f5fbff);
  textarea{
    resize: none;
    .bg(#f5fbff);
    border: 0;
    width: 100%;
    outline: none;
  }
}
.total-money{
  .cr(#f20006);
  .fz(30px);
}
.btn-order{
  line-height: 40px;
  width: 315px;
  .fz(18px);
}
.btn-order-list{
  position: absolute;
  right:35px;
  top:35px;
  span,i{
    vertical-align: middle;
  }
}
.order-table-info{
  margin-bottom: 0;
  .fz(1.4em);
  td{
    border-top:0 !important;
  }
  .title{
    .fz(14px);
    .fw;
  }
}
.sel-pay{
  .selected{
    border-color: #3facfe;
  }
}
.btn-pay-list{
  width: 160px;
  height: 43px;
  border: 3px solid #CCC;
  margin-bottom: 20px;
}
.btn-alipay{
  background: url("../img/icon-alipay.png") center center no-repeat;
}
.bank-list{
  margin-bottom: 30px;
 h2{
   .fz(14px);.cr(#666666);
   border-bottom: 1px dashed #DDD;
   padding: 10px 0 20px 0;
   margin-bottom: 20px;
 }
  .col-sm-2{
    text-align: center;
  }
}
#add_address,#reg_dialog{
  .modal-content{
    position: relative;
    .radius(0);
    padding-bottom: 40px;
  }
}
.add-header{
  text-align: center;
  .fz(1.8em);
  .fw;
  padding: 35px 0 25px 0;
}
.btn-add-close{
  .fz(1.4em);
  position: absolute;
  width: 35px;
  height: 35px;
  right: 10px;
  top:20px
}
.add-content{
  padding:0 40px;
}
.add-content-form{
  .bg(#f3f3f3);
  padding: 40px 0;
}
#add_address_dialog{
  width: 1130px;
}
#wrap_reg_dialog{
  width: 1000px;
}

/****bank list***/
a.btn-bank-list{
  width: 128px;
  height: 33px;
  border: 1px solid #DDD;
  margin-bottom: 15px;
}
a.btn-bank-abc{
  background: url("../img/bank-abc.png") center center no-repeat;
}
/****detail******/
#wrap-detail{
  .fz(1.4em);
}
.detail-title{
  .fz(1.6em);
}
.btn-support,.btn-like{
  line-height: 37px;
  width: 120px;
  .fz(1.4em);
  i,span{
    vertical-align: middle;
  }
}
.detail-wrap{
  margin-right: 20px;
}
.detail-sum,.detail-main{
  .bg(#FFF);
}
.sum-title{
  width: 100px;
  height: 100px;
  .radius(50%);
  .fz(24px);
  .cr(#FFF);
  .bg(#c5c5c5);
  text-align: center;
  p{
    width: 60px;
    margin: 0 auto;
    padding-top: 14px;
  }
}
.sum-text{
  text-indent:2em;
}
.detail-item{
  .cr(#000);
  .bg(#FFF);
  padding: 25px;
  margin-bottom: 20px;
  position: relative;
  .title{
    border-bottom: 1px solid #ccc;
    padding: 0 10px 10px 10px;
    margin-bottom:20px;
  }
  p{
    .fz(12px);
  }
}
.icon-collecting{
  width: 71px;
  height: 71px;
  background: url("../img/icon-collecting.png") no-repeat;
  position: absolute;
  right: 0;
  top: 0;
}
.btn-join{
  width: 100%;
  line-height: 40px;
  .fz(18px);
}
.detail-item1{
  h3{
    .fz(14px);
    .cr(#000);
    margin-bottom: 10px;
    span{
      .cr(#999999);
    }
  }
  .sum{
    margin-bottom: 10px;
    .cr(#999);
    span{
      .cr(#000);
    }
  }
}
.grand-total{
  .fz(42px);
  margin-bottom: 15px;
}
.detail-index,.detail-index-text{
  position: relative;
  .bg(#FFF);
}
.detail-index-text{
  padding: 35px 25px 25px 25px;
}
.wrap-detail-tabs{
  padding: 0 10px;
  li{
    float: left;
    position: relative;
    width: 140px;
    line-height:55px;
    &.current,&:hover
    {
      a{
        .cr(#FFF);
        .bg(#40acfd);
      }
      .detail-tabs-icon{
        .cr(#40acfd);
        z-index: 999;
      }
    }
  }
  a{
    text-decoration: none;
    .fz(18px);
    width: 100%;
    display: inline-block;
    text-align: center;
  }
}
.detail-tabs-icon{
  position: absolute;
  top:47px;
  left:50%;
  margin-left: -9px;
  .cr(#FFF);
  z-index: -999;
}
.wrap-share{
  position: absolute;
  right: 15px;
  top: 20px;
}
.wrap-video,.detail-textarea{
  border-top:1px solid #DDD;
  padding:10px;
  margin-top:-1px;
}
.detail-textarea{
  padding: 20px;
}
.btn-answer{
  line-height: 38px;
  .fz(18px);
}
#detail-tabs-content{
  padding: 0 15px;
  .nav-tabs{
    li{
      width: 50%;
      a{
        width: 100%;
        text-align: center;
        .radius(0);
        padding: 0;
        border: 0;
        .cr(#000);
        line-height: 30px;
      }
      &.active{
        a{
          .bg(#f1f1f1);
        }
      }
    }
  }
}
.appraise-list{
  padding: 30px 0;
  li{
    position: relative;
    padding-bottom: 40px;
    margin-bottom: 30px;
  }
}
.appraise-count{
  .cr(#000);
  text-align: center;
  width: 75px;
  line-height: 25px;
  .bg(#f1f1f1);
  position: absolute;
  right: 0;
  bottom:0;
}
.date{
  width: 70px;
  height: 70px;
  float: left;
  background: url("../img/date_bg.png") center no-repeat;
  position: relative;
  .cr(#3facfe);
}
.day,.month{
  position: absolute;
}
.day{
  .fz(30px);
  top: 2px;
  left: 4px;
}
.month{
  .fz(14px);
  right: 6px;
  bottom: 7px;
}
.flow{
  width: 100%;
  .bg(#FFF);
  padding: 10px 0 30px 0;
}
.trends-content{
  border-top:1px solid #DDD;
  padding: 30px 60px 60px 30px;
  margin-top: -1px;
  .trends-item{
    border-left:2px solid #cccccc;
    position: relative;
  }
  .line-time{
    position: absolute;
    left:-6px;
    .square{
      width: 10px;
      height: 10px;
      float: left;
      .bg(#c59a6d);
    }
    span{
      float: left;
      .cr(#c59a6d);
      margin-top:-4px;
      margin-left: 5px;
    }
  }
}
.trends-main{
  padding-left: 70px;
  padding-top: 30px;
}
.trends-day{
  width: 70px;
  height: 70px;
  text-align: center;
  line-height: 70px;
  border:1px solid #DDD;
  .cr(#3facfe);
  .fz(30px);
}
.trends-text{
  padding: 15px 0 0 90px;
}
.trends-text-item{
  border: 1px solid #DDD;
  padding: 20px 30px;
  position: relative;
  margin-bottom: 30px;
  &:last-child{
    margin-bottom: 0;
  }
}
.appraise{
  .cr(#000);
  text-align: center;
  width: 75px;
  line-height: 25px;
  .bg(#f1f1f1);
  position: absolute;
  bottom:10px;
  right: 15px;
}
/******分页 s******/
.page{
  text-align: center;
  .fz(1.8em);
  a{
    display: inline-block;
    .cr(#666);
  }
}
.page-list{
  display: inline-block;
  margin: 0 15px;
  a{
    padding: 5px 10px;
    text-decoration: none;
    &.current,&:hover{
      .bg(#3facfe);
      .box-shadow(0 2px 0 0 #328aca);
      .cr(#FFF);
      .radius(5px);
    }
  }
}
.prev-btn{
  line-height: 40px;
  padding-right: 20px;
  border-right: 1px solid #CCC;
}
.next-btn{
  line-height: 40px;
  padding-left: 20px;
  border-left: 1px solid #CCC;
}
/******分页 e******/
/********表单*********/
.ui-form{
  label{
    text-align: right;
    line-height: 30px;
    .fz(1.4em);
  }
  .ipt {
    line-height: 32px;
    padding-left: 5px;
    input{
      width:95%;
      border: 1px solid #DDD;
      padding: 1px 2%;
    }
  }
  .unit{line-height: 30px;
    padding-left: 20px;.cr(#000);.fz(1.4em);}
  .row{margin-bottom: 20px;}
  .ui-dropdown{
    .bg(#FFF);
    width: 95%;
    border:1px solid #DDD;
    position: relative;
  }
}
a.ui-dropdown-btn{
  width: 100%;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  .fz(1.4em);
  color:#999;
}
.form-radio{
  color:#000;
  .fz(1.4em);
}
/********表单 e*********/
/*尺media*/
@media (min-width: 992px) and (max-width: 1200px) {
  .wrap-nav{
    a{
      font-size: 1.6em;
    }
  }
  .icon-chevron-down{
    top:1px;
  }
  .user-name{
    font-size: 1.6em;
    margin-top:25px;
  }
  #nav-list{
    padding-left: 35px;
  }
  #list{
    .t{
      .cr(red);
    }
  }
}
@media (min-width: 768px) and (max-width: 992px)  {
  #nav-list{
    padding-left: 5px;
    margin-top: 10px;
  }
  .wrap-nav{
    a{
      font-size: 1.6em;
    }
    li{
      padding: 0px 15px;
    }
   }
  .user-name{
    font-size: 1.6em;
    margin-top:10px;
  }
  .user-left-nav a{
    font-size: 1.6em;
  }
  .user-setting-form .ipt input{
    padding: 0;
  }
  .ui-form .ipt input{
    width: 100%;
  }
}
/*小屏幕*/
@media (max-width: 767px) {
  .top-header{
    padding: 10px;
  }
  .user-img{
      display: none !important;
  }
  #phone-nav-list{
    a{
      font-size: 1.6em;
    }
  }
  .user{
    padding-top: 3px;
  }
  .user-name{
    .fz(1.6em);
  }
  .main-container{
    padding: 0 10px;
  }
  #list{
    li{
      .col-xs-4{
        width: 100%;
      }
    }
  }
  .content{
    padding: 10px;
  }
  .user-left-nav-min{
    li{
      .bg(#f3f3f3);
      text-align: center;
      margin-bottom: 2px;
//      padding: 0 5px;
      &.active,&:hover{
        .bg(#3facfe);
        a{
          color:#fff;
        }
      }
    }
    a{
      display: inline-block;
      width: 100%;
      line-height: 34px;
      color:#000;
      .fw;
      .fz(1.2em);
      text-decoration: none;
    }
  }
  .icon-downward-position{
    right: 6px;
  }
  .ui-btn-group{
    button{
      padding: 5px 20px;
    }
  }
}
@media (max-width: 600px) {
  #phone-nav-list{
    a{
      font-size: 1.4em;
    }
  }
  .user-name{
    .fz(1.4em);
  }
}
@media (max-width: 480px) {
  #phone-nav-list{
    a{
      font-size: 1.2em;
    }
  }
  .user-name{
    .fz(1.2em);
  }
}
@media (max-width: 320px) {
  #phone-nav-list{
    a{
      font-size: 1.2em;
    }
  }
  .user{
    padding-top: 0;
  }
  .main-container{
    padding: 0 10px;
  }
  .user-left-nav-min{
    li{
      .bg(#f3f3f3);
      text-align: center;
      margin-bottom: 2px;
      &.active,&:hover{
        .bg(#3facfe);
        a{
          color:#fff;
        }
      }
    }
    a{
      display: inline-block;
      width: 100%;
      line-height: 34px;
      color:#000;
      .fw;
      .fz(1.2em);
      text-decoration: none;
    }
  }
  a.btn-user-back{
    position: absolute;
    right: 0;
    top: 5px;
    padding: 0 !important;
  }
  .user-setting-form .ipt input{
    padding: 0;
  }
  .ui-form label{
    font-size: 1.2em;
  }
  .icon-downward-position{
    right: 2px;
  }
}
/****注册***/
.btn-get-code{
  margin-left: 10px;
  line-height: 34px;
  padding: 0 5px !important;
}
#reg-btn,#login-btn{
  font-size: 18px;
  margin-top: 25px;
  display: inline-block;
  cursor: pointer;
  text-align: center;
}